<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>商品评价页</title>
  <link rel="stylesheet" href="./iconfont/font/iconfont.css">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/commen.css">
  <link rel="stylesheet" href="./css/comment.css">
</head>

<body>
  <!-- 头部区域 -->
  <header class="header">
    <a href="#"><span class="iconfont icon-fanhui"></span></a>
    <h3 class="header_title">商品评价页</h3>
  </header>

  <!-- Tab栏区域 -->
  <div class="comment_tab">
    <ul>
      <li><a href="#" class="active">全部(<i>5</i>)</a></li>
      <li><a href="#">好评(<i>5</i>)</a></li>
      <li><a href="#">中评(<i>0</i>)</a></li>
      <li><a href="#">差评(<i>0</i>)</a></li>
      <div class="tab_bottom_line"></div>
    </ul>
  </div>

  <!-- 内容区域 -->
  <!-- 无评论区域 -->
  <div class="comment_none">
    <div class="comment_none_pic">
      <img src="./uploads/comment_block_0.png" alt="">
    </div>
    <div class="comment_none_txt">亲，暂无相关商品评价</div>
  </div>

  <!-- 评论区域 -->
  <div class="comment_block">
    <div class="comment_block_user">
      <div class="user">
        <img src="./uploads/comment_block_1.png" alt="">
      </div>
      <div class="tel">189****8139</div>
      <div class="star">
        <!-- <span class="iconfont icon-favorite-filling"></span>
        <span class="iconfont icon-favorite-filling"></span>
        <span class="iconfont icon-favorite-filling"></span>
        <span class="iconfont icon-favorite"></span>
        <span class="iconfont icon-favorite"></span> -->
      </div>
      <div class="date">2023-04-03 18:43:14</div>
    </div>
    <div class="comment_block_content">666</div>
    <div class="comment_block_pic">
      <!-- <img src="./uploads/comment_block_2.png" alt=""> -->
      <!-- <img src="./uploads/comment_block_2.png" alt=""> -->
      <!-- <img src="./uploads/comment_block_2.png" alt=""> -->
      <!-- <img src="./uploads/comment_block_2.png" alt=""> -->
    </div>
    <div class="comment_more">亲, 没有更多了</div>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="./js/commen.js"></script>
  <script src="./js/comment.js"></script>
</body>

</html>